草庐IT

html - CSS 延迟 :active selector taking effect

全部标签

javascript - React - 如何在 JSON 中返回 HTML 元素

我有一个JSON文件,其中包含字符串中的HTML元素-是否可以将React/JSX中的数据作为有效呈现的HTML返回?varHello=React.createClass({render:function(){varexampleJSONData={"item":"Hello","text":"Loremipsumdolorsitamet"}return{data.item}{data.text};}});返回:HelloLoremipsumdolorsitamet而不是:HelloLoremipsumdolorsitametfiddle 最佳答案

javascript - 带有来自变量的 HTML 标记的 JSX

我有一个在JSX中定义的React组件,它使用td或th返回一个单元格,例如:if(myType==='header'){return(somecontent);}return(somecontent);是否有可能以从变量中获取HTML标记的方式编写JSX?喜欢:letmyTag=myType==="header"?'th':'td';return(somecontent);以上代码返回错误:"unexpectedtoken"pointingat{.我正在使用带有Babel插件的Webpack来编译JSX。 最佳答案 尝试像这样设置

javascript - 使用 Webpack 时 Typescript 编译器 "cannot find module"需要 CSS/图像 Assets

我正在编写vanillaJavascript,但使用Typescript编译器的checkJs选项在VSCode中进行类型检查。我将Webpack设置为加载各种Assets类型(CSS、图像等),这对于构建工作正常,但代码将这些语句视为错误。例如,在这段代码中require("bootstrap");require("bootstrap/dist/css/bootstrap.css");varimg=require("../img/image.png");第一行很好,但接下来的两行都在require()的(字符串)参数下显示错误,工具提示为“找不到模块(名称)”。我已经安装了@type

javascript - HTML5 拖放 ondragover 未在 Chrome 中触发

我这里有一个简单的例子,它对我来说在Chrome11中没有触发http://jsfiddle.net/G9mJw/它包含一个非常简单的代码:vardropzone=document.getElementById('dropzone'),draggable=document.getElementById('draggable');functiononDragOver(event){varcounter=document.getElementById('counter');counter.innerText=parseInt(counter.innerText,10)+1;}dropzon

javascript - 将 HTML DOM 结构转换为 JSON

我在这上面浪费了很多时间..递归部分很虚幻。对于给定的HTML结构,深度未知,我需要转换为JSON。(我在我正在构建的一些YAMLi18n翻译系统中使用它)我的一般想法是深入直到找到INPUT,然后创建一个具有span.innerHTML/input.value的键/值的对象,并返回对象,因此它将是最后一个KEY的值达到。(是的,有点复杂但是开发起来很有趣)JSBINplayground-实时代码示例我无法让我的递归函数正常工作,无法输出我想要的JSON...HTML结构footerstatementlandingpage_titlepage_sub_titlepricingtitle

javascript - 我如何判断 HTML5 音频元素是否正在使用 Javascript 播放

我在网页中有一个audio元素,我想确保用户在离开页面时不会继续播放它。如何确定页面卸载时audio元素没有播放?到目前为止,我有以下代码,但它似乎不起作用;卸载时弹出的对话框报告说playing是false即使音频正在播放也是如此:functionunloadTasks(){if(playing&&!window.confirm("Apodcastisplaying,andnavigatingawayfromthispagewillstopthat.Areyousureyouwanttogo?"))window.alert("HereiswhereIwillstopthepagefr

javascript - 如何使用JS加载另一个html文件

我正在尝试创建一个网站,并且正在尝试弄清楚如何加载页面。例如:您单击导航器“主页”,然后单击屏幕底部,它会加载一个页面女巫文本,例如“HelloWord!”。有人知道怎么办吗?我很确定它涉及JavaScript。 最佳答案 要动态加载内容,您可以使用XMLHttpRequest()进行AJAX调用。在此示例中,一个url被传递给loadPage()函数,其中返回加载的内容。functionloadPage(href){varxmlhttp=newXMLHttpRequest();xmlhttp.open("GET",href,fal

javascript - 延迟 onBlur 回调

我正在React中制作一个Autocomplete组件,当您在文本框中键入内容时,它会显示建议完成的下拉列表。单击建议应触发回调,当文本框失去焦点时下拉菜单应消失。问题是文本框的onBlur事件在建议的onClick事件之前触发,所以发生的情况是:点击项目文本框失去焦点=>this.setState(this.getInitialState())组件重新呈现,没有建议框,因为状态已被清除点击事件落在建议项原来所在的空白处如果不诉诸像onBlur={()=>setTimeout(()=>this.setState(this.getInitialState()),100)这样的hack,解

javascript - 如何使用 JavaScript 获取 HTML 节点所属的窗口对象?

由于多个iframe、XUL浏览器元素等,我的XULRunner应用程序中有许多窗口对象。我正在寻找使用JavaScript查找指定节点所属的窗口对象的最佳方法。因此,更具体地说,给定节点x,我需要找到包含x的特定窗口对象。 最佳答案 +1到你的问题,这正是我正在寻找的,感谢你通过回答自己直接给出的提示。我用谷歌搜索了一下,根据http://www.quirksmode.org/dom/w3c_html.html跨浏览器表我认为正确的答案是:functionGetOwnerWindow(html_node){/*ownerDocum

javascript - 使用 jQuery 将随机选择的类添加到 HTML 标签

我需要做的是在我的菜单中,我想在每次功能启动(页面加载)时以完全随机的顺序添加其中一个类(下面列出)这是我的HTMLHomeAboutUsPortfolioWhyUsContactUs这就是每次添加类的不同顺序时我希望得到的结果HomeAboutUsPortfolioWhyUsContactUs下面我列出了所有的类。.li-one.li-two.li-three.li-four.li-five我花了很多时间试图解决这个问题,但没有结果非常感谢您的提前帮助 最佳答案 类似下面的内容:functionrandOrd(){return(M